﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Vinetlife.Master" AutoEventWireup="true"
    CodeBehind="ProductDetail.aspx.cs" Inherits="VINETLIFE.Module.ProductDetail" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Src="Module/AddButton.ascx" TagName="AddButton" TagPrefix="uc1" %>
<%@ Register Src="Module/ucVnBestSellerProducts.ascx" TagName="ucVnBestSellerProducts" TagPrefix="uc2" %>
<%@ Register Src="Module/ucVnComment.ascx" TagName="ucVnComment" TagPrefix="uc3" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {
            $('a.tab').click(function () {
                $('.active').removeClass('active');
                $(this).addClass('active');
                $('.contents').slideUp();
                var content_show = $(this).attr('title');
                $('#' + content_show).slideDown();
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="main-container">
        <div class="main-container-inner">
            <div id="breadcrumb">
                <ul class="crumbs">
                    <asp:Literal runat="server" ID="ltrBreadcrumb"></asp:Literal>
                </ul>
            </div>
            <div class="t-bestseller-products-wrap">
                <uc2:ucVnBestSellerProducts ID="ucVnBestSellerProducts1" runat="server" />
            </div>
            <h2 style="display: none;" runat="server" id="h2web"></h2>
            <div class="contentright">
                <div class="t-productdetail-title-wrap">
                    <h1 class="product-title-h1">
                        <asp:Literal ID="lblTitle" Text="" runat="server" /></h1>
                </div>
                <!--End .detail-->
                <div class="productdetail">
                    <div class="t-product-detail-wrap">
                        <div class="t-l-images-product-wrap">
                            <div style="width: 392px; float: left;" class="zoom-container">
                                <div class="zoom-section">
                                    <a href='/Media/<%=imageProduct %>' id='zoom1' class='cloud-zoom' rel="position: 'inside' , showTitle: false, adjustX:0, adjustY:0"
                                        title='<%#Eval("Title") %>'>
                                        <img src="/Media/<%=imageProduct %>" title="Topbike" class="product-images-box" alt='<%=productTitle%>' />
                                    </a>
                                </div>
                            </div>
                            <div class="clearfix">
                                <ul id="thumblist" class="clearfix">
                                    <li><a href='/Media/<%=imageProduct %>' class='cloud-zoom-gallery' title='Red' rel="useZoom: 'zoom1', smallImage: '/Media/<%=imageProduct %>' ">
                                        <img class="zoom-tiny-image" src='/Media/Thumbnail/<%=Thumbnail %>' alt="Thumbnail 1" /></a>
                                    </li>
                                    <asp:Repeater ID="listImage" runat="server">
                                        <ItemTemplate>
                                            <li><a href='/Media/<%#Eval("MediaFile") %>' class='cloud-zoom-gallery' title='<%#Eval("Title") %>'
                                                rel="useZoom: 'zoom1', smallImage: '/Media/<%#Eval("MediaFile") %>' ">
                                                <img class="zoom-tiny-image" src='/Media/Thumbnail/<%#Eval("Thumbnail") %>' alt="Thumbnail 1" />
                                            </a></li>
                                        </ItemTemplate>
                                    </asp:Repeater>
                                </ul>
                            </div>
                        </div>
                        <div class="detailtext" style="position: relative;">
                            <ul>
                                <li>
                                    <div class="t-productdetail-code">
                                        <span>Mã sản phẩm:
                                            <asp:Literal runat="server" ID="ltrProductCode"></asp:Literal>
                                        </span>
                                    </div>
                                </li>
                                <li>
                                    <div class="detail-left">
                                        Giá bán
                                    </div>
                                    <div class="detail-right detail-price">
                                        <asp:Label ID="lbCost" runat="server" />
                                    </div>
                                </li>
                                <li runat="server" id="liSale" visible="false">
                                    <div class="detail-left">
                                        Giá cũ
                                    </div>
                                    <div class="detail-right">
                                        <asp:Label ID="lblOldPrice" runat="server" CssClass="t-product-detail-oldprice" />
                                        <asp:Label ID="lblSaleOff" runat="server"></asp:Label>
                                    </div>
                                </li>
                                <li runat="server" id="liMemberPrice" visible="false">
                                    <div class="detail-left">
                                        Giá hội viên
                                    </div>
                                    <div class="detail-right">
                                        <asp:Label ID="lblMemberPrice" runat="server" CssClass="t-product-detail-memberprice" />
                                    </div>
                                </li>
                                <li>
                                    <div class="detail-left">
                                        Tình trạng
                                    </div>
                                    <div class="detail-right">
                                        <asp:Label ID="lbStatus" runat="server" />
                                    </div>
                                </li>
                                <li>
                                    <div class="detail-left">
                                        Kho hàng
                                    </div>
                                    <div class="detail-right">
                                        <asp:Label runat="server" ID="lblKhoHang"></asp:Label>
                                    </div>
                                </li>
                                <li>
                                    <div class="detail-left">
                                        Số lượng
                                    </div>
                                    <div class="detail-right-x">
                                        <telerik:RadNumericTextBox ID="txtQty" Value="1" ClientIDMode="Inherit" MinValue="1"
                                            MaxValue="10" Type="Number" NumberFormat-DecimalDigits="0" Width="70px" CssClass="txtQty"
                                            ShowSpinButtons="true" BorderColor="#ccc" runat="server">
                                        </telerik:RadNumericTextBox>
                                    </div>
                                </li>
                                <li>
                                    <div class="detail-left">
                                        Hỗ trợ
                                    </div>
                                    <div class="detail-right">
                                        <asp:Label runat="server" ID="lblSupport"></asp:Label>
                                    </div>
                                </li>
                                <li style="margin: 10px 0;">
                                    <input type="button" id="btnCart" value="" class="myButton" onclick="updateCart(<%=idProduct%>,<%=txtQty.ClientID %>.value); return false;" />
                                </li>
                                <li>
                                    <div class="hd-box">
                                        <div style="float: left; width: 400px; border-bottom: 1px solid #ccc; color: #777; font-weight: bold; font-size: 18px;padding:0 0 5px 0;">
                                            Đặc điểm nổi bật
                                        </div>
                                        <div class="hd-right" style="padding:5px 0;">
                                            <asp:Literal runat="server" ID="ltrHuongDan">
                            
                                            </asp:Literal>
                                        </div>
                                    </div>
                                </li>
                                <li style="line-height: inherit;">
                                    <div id="button-face" class="product-social-box">
                                        <uc1:AddButton ID="AddButton1" runat="server" />
                                    </div>
                                </li>
                            </ul>

                            <br />
                        </div>
                    </div>
                    <ul>
                        <li class="newproduct">
                            <div class="tabbed_area">
                                <ul class="tabs">
                                    <li><a href="javascript:void(0);" title='news' class="tab active">Chi tiết </a>
                                    </li>
                                    <li><a href="javascript:void(0);" title='provider' class="tab">Điều kiện sử dụng</a>
                                    </li>
                                    <li><a href="javascript:void(0);" title='termofuse' class="tab">Nhà cung cấp </a>
                                    </li>
                                    <li><a href="javascript:void(0);" title='comment-fb' class="tab">Bình luận</a></li>
                                </ul>
                                <div id="news" class="contents">
                                    <div class="info">
                                        <ul style="padding: 10px 20px; font-size: 12px; line-height: 24px;" id="infoAbout"
                                            runat="server">
                                        </ul>
                                    </div>
                                </div>
                                <div id="featured" class="contents" style="display: none;">
                                    <%-- <div class="info">
                                        <ul style="padding: 10px 50px; font-size: 12px; line-height: 24px;" class="ul-detail-pro">
                                            <asp:Repeater runat="server" ID="rptProductProperties" OnItemDataBound="rptListProperties_ItemDataBound">
                                                <ItemTemplate>
                                                    <li>
                                                        <asp:Label runat="server" ID="lblPropertyID" Visible="false" Text='<%#Eval("PropertyID") %>'></asp:Label>
                                                        <asp:Label runat="server" ID="lblPropertyName" Text='<%#Eval("PropertyName") %>'></asp:Label>
                                                        <asp:Label runat="server" ID="lblValue" CssClass="pro-right" Text='<%#Eval("Value") %>'></asp:Label>
                                                    </li>
                                                </ItemTemplate>
                                            </asp:Repeater>
                                        </ul>
                                    </div>--%>
                                    <%--<div class="info">
                                        <asp:Repeater runat="server" ID="rptProductPropertiesX" OnItemDataBound="rptProductPropertiesX_DataBound">
                                            <ItemTemplate>
                                                <div class="p-properties-wrap">
                                                    <span class="p-left-property">
                                                        <%#Eval("PropertyName")%>
                                                    </span><span class="p-right-property">
                                                        <%#Eval("Value") %>
                                                    </span>
                                                </div>
                                                <asp:Repeater runat="server" ID="rptChildProperty" OnItemDataBound="rptChildProperty_DataBound">
                                                    <ItemTemplate>
                                                        <asp:Panel runat="server" ID="pnlChild" CssClass="c-properties-wrap">
                                                            <span class="c-left-property">
                                                                <%#Eval("PropertyName")%>
                                                            </span><span class="c-right-property">
                                                                <%#Eval("Value") %>
                                                            </span>
                                                        </asp:Panel>
                                                    </ItemTemplate>
                                                </asp:Repeater>
                                            </ItemTemplate>
                                        </asp:Repeater>
                                    </div>--%>
                                </div>
                                <div id="provider" class="contents">
                                    <div class="info">
                                        <asp:Literal runat="server" ID="ltrProvider"></asp:Literal>
                                    </div>
                                </div>
                                <div id="termofuse" class="contents">
                                    <div class="info">
                                        <asp:Literal runat="server" ID="ltrTermOfUse"></asp:Literal>
                                    </div>
                                </div>
                                <div id="comment-fb" class="contents">
                                    <div class="info">
                                        <uc3:ucVnComment ID="ucVnComment1" runat="server" />
                                        <%--<div class="fb-comments" id="cmfb" runat="server" data-num-posts="10" data-width="730"
                                            data-colorscheme="light">
                                        </div>--%>
                                        <%--<div class="fb-comments"  data-width="720" data-num-posts="10" data-colorscheme="light"></div>--%>
                                    </div>
                                </div>
                                <div class="clear">
                                </div>
                                <%--<div id="album-detail" class="contents">
                                    <div class="album-product-detail-box">
                                        <div id="slider" class="flexslider">
                                            <ul class="slides">
                                                <asp:Repeater runat="server" ID="rptMainImage">
                                                    <ItemTemplate>
                                                        <li>
                                                            <img src='/Media/<%#Eval("MediaFile")%>' width="650px" height="500px" alt='<%#Eval("Title") %>' />
                                                        </li>
                                                    </ItemTemplate>
                                                </asp:Repeater>
                                                <!-- items mirrored twice, total of 12 -->
                                            </ul>
                                        </div>
                                        <div id="carousel" class="flexslider">
                                            <ul class="slides">
                                                <asp:Repeater runat="server" ID="rptThumbnail">
                                                    <ItemTemplate>
                                                        <li>
                                                            <img src='/Media/thumbnail/<%#Eval("Thumbnail") %>' alt='<%#Eval("Title") %>' width="200px"
                                                                height="154px" />
                                                        </li>
                                                    </ItemTemplate>
                                                </asp:Repeater>
                                                <!-- items mirrored twice, total of 12 -->
                                            </ul>
                                        </div>
                                    </div>
                                </div>--%>
                                <div class="clear">
                                </div>
                            </div>
                            <!--end .tabbed_area-->
                        </li>
                    </ul>
                    <div style="clear: both; height: 20px;">
                    </div>
                    <div class="tag" style="margin-left: 0px;">
                        <ul>
                            <%
                                string[] split = Tags.Split(new Char[] { ',', '.' });
                                if (Tags != null && Tags != "")
                                {
                            %>
                            <li style="float: left; padding: 3px 1px; border-radius: 3px; font-size: 12px; font-weight: bold; margin: 2px 3px;">Từ khóa:</li>
                            <%
                                    foreach (string s in split)
                                    {
                            %>
                            <li style="float: left; padding: 3px 1px; border-radius: 3px; margin: 2px 3px; background: #b0f276;">
                                <a href="/Search.aspx?keyword=<%=s.ToString().Trim().Replace(" ", "-") %>" style="padding: 10px; font-size: 12px; font-weight: bold; color: #3a7704;">
                                    <%=s.ToString().Trim()%></a></li>
                            <%
                                    }
                                }
                            %>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="t-product-detail-quickbuy">
                <div class="t-product-detail-quickbuy-inner">
                    <input type="button" id="btnCartX" value="" class="myButton" onclick="updateCart(<%=idProduct%>,<%= txtQty.ClientID %>    .value); return false;" />
                </div>
            </div>
        </div>
    </div>
</asp:Content>
